.el-caret {
  width: 0;
  height: 0;
  margin-left: 2px;
  display: inline-block;
  border-top: 4px solid;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.el-caret.el-left {
  margin-left: -4px;
  margin-right: 3px;
  border-right: 4px solid;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.el-caret.el-top {
  margin-top: -4px;
  margin-right: 3px;
  border-bottom: 4px solid;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.el-caret.el-bottom {
  margin-right: 3px;
  margin-bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid;
}

.el-caret.el-right {
  margin-left: 3px;
  margin-right: -4px;
  border-left: 4px solid;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

